/* components/banner/index.wxss */
.swiper-banner {
    height: var(--swiper-height, 500rpx);
    width: 100%;
    .nav, .swiper-img {
        width: 100%;
        height: 100%;
    }
}
// 修改指示点样式, 在 index.js中配置 styleIsolation: "shared"
.wx-swiper-dots {
    left: auto !important;
    right: 0 !important;
    bottom: var(--dots-bottom, 20rpx) !important;
}
.wx-swiper-dot-active {
    width: 23px !important;
    border-radius: 6px !important;
}